<template>
    <div>
    <Topbar>一目了然</Topbar>
        <div class="main">
            <img src="static/wenda/2.jpg" class="pic">
            <div class="txt">
                自今年8月份开始，南京地区多家银行陆续上调首套房房贷利率，幅度在基准利率基础上上浮5%到15%，而二套房利率基本上浮了10%及以上，现在南京哪家银行贷款利率最低？哪些人还有买房资格？能买几套？首付几成？税费如何缴纳？365淘房为您解读南京最新购房政策，快来看看吧！
            </div>
            <div class="list">
                <div v-for="(a,i) in aa" >{{a}}</div>


            </div>
            <div class="title">
                <img src="static/pic/tit01-left.jpg" class="pic1">
                <div class="title-inner">南京购房资格</div>
                <img src="static/pic/tit01-right.jpg"  class="pic1">
                <div class="title-right"></div>
            </div>
            <div class="title-font">
                <img src="static/pic/1506666800-654171.jpg" class="pic">
            </div>
            <div class="title">
                <img src="static/pic/tit01-left.jpg" class="pic1">
                <div class="title-inner">开具购房证明</div>
                <img src="static/pic/tit01-right.jpg"  class="pic1">
                <div class="title-right"></div>
            </div>
            <div class="goufang">
               <span>南京购房证明分为线上和线下两种开具方式。</span>
               <br>
               <span>其中，线上开具购房证明主要针对两类人群：①.南京户籍已婚且婚姻登记地在南京的居民，②.南京户籍的未婚或无婚生子女的成年单身居民。</span>
               <img src="static/pic/1506480537-566908.jpg" class="pic">
               <img src="static/pic/1509607531-756726.png" class="pic">
            </div>
        </div>
    </div>
</template>

<script>
import Topbar from '../components/Topbar.vue'
import {mapState} from 'vuex'
    export default{
        components:{
            Topbar
        },
        computed:{
            ...mapState([
                "aa"
            ])
        }
    }
</script>

<style scoped>
.pic{
    width: 100%;
}
.pic1{
    height: 22px;
}
.txt{
    font-size: 12px;
    color: #999999;
    text-indent: 2em;
}
.list{
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    padding: 8px;
}
.main{
    height:100vh;
    overflow-y: scroll;
}
.list div{
    width: 22%;
    border: 1px solid skyblue;
    margin: 4px;
    background-color: skyblue;
    border-radius: 4px;
    color: white;
    text-align: center;
}
.title{
    display: flex;
}
.title-inner{
   background-color:  #FF7500;
   color: white;
}
.title-right{
    border: 1px solid #FF7500;
    flex-grow: 1;
    height: 1px;
    margin-top: 20px;
}
.title-font{
    padding: 4px;
}
.goufang span:nth-of-type(1){
    font-size: 14px;
    color: red;
    text-indent: 2em;
}
.goufang span:nth-of-type(2){
    font-size: 12px;
    
}
.goufang{
    padding: 4px;
}

</style>